#drainage {
    height: fit-content;
    margin: 40px 150px;
}

#drainage #imgTxt {
    width: 50%;
}

#drainage #Heading {
    margin-top: 0px;
    color: #0A599D;
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}

#drainage #paragraph {
    font-size: 1rem;
    text-align: justify;
    color: #7a7a7a;
    margin-bottom: 10px;
}

#drainage #image1 {
    width: 50%;
    height: auto;
    margin-left: 50px;
    background-image: url(../../src/images/Plumbing/victor-UoIiVYka3VY-unsplash.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 1100px) {
    #drainage #Heading {
        font-size: 2rem;
    }
    #drainage #paragraph {
        font-size: 0.8rem;
    }
}

@media (max-width: 768px) {
    #drainage {
        margin: 40px 90px;
    }
    #drainage #Heading {
        font-size: 1.7rem;
    }
    #drainage #paragraph {
        font-size: 0.7rem;
    }
}

@media (max-width: 700px) {
    #drainage {
        margin: 40px 15px;
        flex-direction: column;
    }
    #drainage #Heading {
        font-size: 1.7rem;
    }
    #drainage #paragraph {
        font-size: 0.7rem;
    }
    #drainage #imgTxt {
        width: 100%;
    }
    #drainage #image1 {
        width: 100%;
        height: 300px;
        margin-left: 0px;
    }
}